<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix" style="width: 1000px;">
        <div class="ibox-title">
            <h5 style="color: #666">填写订单</h5>
        </div>

        <div class="ibox-content m-t clearfix" style="height: 80px;">
            <div class="m-timeline">
                <div class="line">
                    <div class="dot"></div>
                    <div class="dot" style="left: 12.5%;"></div>
                    <div class="dot" style="left: 25%;"></div>
                    <div class="dot" style="left: 37.5%;"></div>
                    <div class="dot active" style="left: 50%;"></div>
                    <div class="dot" style="left: 62.5%;"></div>
                    <div class="dot" style="left: 75%;"></div>
                    <div class="dot" style="left: 87.5%;"></div>
                    <div class="dot" style="right: 0"></div>

                    <span>确认订单</span>
                    <span style="left: 10%;">卖家确认订单</span>
                    <span style="left: 22.5%;">买家付款</span>
                    <span style="left: 35%;">卖家发货</span>
                    <span style="left: 47.5%;">买家确认收货</span>
                    <span style="left: 60%;">卖家邮寄发票</span>
                    <span style="left: 72.5%;">买家确认发票</span>
                    <span style="left: 85%;">交易成功</span>
                    <span style="right: 0;">确认订单</span>
                </div>
            </div>
        </div>

        <div class="ibox-content m-t clearfix edit-order">
            <div class="clearfix">
                <div class="form-group">卖方:阿里巴巴公司</div>
                <div class="form-group">买方:上海速道科技有限公司</div>
                <div class="form-group">订单编号:提交后生产成</div>
                <a href="../order/支付订单.html" type="button" class="btn btn-danger btn-sm pull-right" style="position: relative;bottom: 7px;">提交订单
                </a>
            </div>

            <table class="table  table-bordered u-table-center table-input">
                <thead>
                <tr>
                    <th>物品名称</th>
                    <th>品牌</th>
                    <th>型号</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>总价</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>ABC</td>
                    <td>asrg</td>
                    <td>xxxxxx</td>
                    <td style="color: #FF5A5F;">1600</td>
                    <td>
                    	<input type="text" class="form-control" style="width:120px;height: 34px;border: 1px solid #CFCFCF;
border-radius: 2px;margin:0 auto"/>
                    </td>
                    <td style="color: #FF5A5F;">160000.00</td>
                </tr>
            
                </tbody>
            </table>
            <div class="text-right" style="color: #FF5A5F; font-weight: bold;">
                合计:1000元
            </div>
        </div>



	<div class="ibox-title">
            <h5 style="color: #C2343A;">交易信息</h5>
        </div>

		 <div class="ibox-content clearfix">
            <table class="table table-bordered table-input u-table-center">
                <tbody>
                <tr>
                    <th style="width: 180px;">收货人</th>
                    <td><input type="text" value="" class="form-control" placeholder="请输入收货人姓名" ></td>
                    <th style="width: 180px;">汇票形式</th>
                    <td><input type="text" value="" class="form-control" placeholder="包含纸质汇票" ></td>
                </tr>
                <tr>
                    <th>收货电话</th>
                    <td><input type="text" value="" class="form-control"  placeholder="请输入收货电话"></td>
                    <th>最高接受物流费用</th>
                    <td><input type="text" value="" class="form-control"  placeholder="请输入最高能接受的物流费用"></td>
                </tr>
                <tr>
                    <th>付款约定</th>
                    <td>
                    	
                    	<select class="form-control col-select" style="width:120px;height: 34px;border: 1px solid #CFCFCF;
border-radius: 2px;margin:0 auto;background: #F9F9F9;">
                    		<option value="">请选择</option>
                    		<option value="">支付担保金30%</option>
                    	</select>
                    </td>
                    <th>增值税专用发票</th>
                    <td class="form-inline">
                    		<input type="text" class="form-control" placeholder="税号" style='border:1px solid #E7E7E7;height: 34px;'/>
                    		<input type="text" class="form-control" placeholder="所在地" style='border:1px solid #E7E7E7;height: 34px;'/>
                    
                    </td>
                   
                </tr>
                <tr>
                    <th>期望物流</th>
                    <td>
                    	<select class="form-control col-select" style="width:120px;height: 34px;border: 1px solid #CFCFCF;
border-radius: 2px;margin:0 auto;background: #F9F9F9;">
                    		<option value="">德邦物流</option>
               	
                    </td>
                    <th>收货地址</th>
                    <td class="form-inline x-form-inline">
                    	
                    		<select class="form-control col-select" style="width:120px;height: 34px;border: 1px solid #CFCFCF;
border-radius: 2px;margin:0 auto;background: #F9F9F9;">
                    		<option value="">省</option>
               	
                    	</select>
                    	<select class="form-control col-select" style="width:120px;height: 34px;border: 1px solid #CFCFCF;
border-radius: 2px;margin:0 auto;background: #F9F9F9;">
                    		<option value="">市</option>
               	
                    	</select>
                    	<select class="form-control col-select" style="width:120px;height: 34px;border: 1px solid #CFCFCF;
border-radius: 2px;margin:0 auto;background: #F9F9F9;">
                    		<option value="">区</option>
  
                    	</select>
                    	
                    </td>
                </tr>
               
               <tr>
               		<th>详细地址</th>
               		<td colspan="3">
               			<input type="text" placeholder="请输入详细地址"/>
               		</td>
               </tr>
                </tbody>
            </table>
        </div>
   

		<!--<div class="ibox-content m-t clearfix edit-order">
            <div class="m-confirm-order clearfix">
                <div class="form-group" style="color:#C2343A;font-weight: bold;">发票类型</div>
       
            </div>

            <table class="table table-bordered  u-table-center table-input">
                <thead>
                <tr>
                    <th>收取发票类型</th>
                    <th>税号</th>
                    <th>注册地</th>     
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                    	增值税专业发票
                    </td>
                    <td>
                    	<input type="text" value="" class="form-control text-center"  placeholder="请输入税号">
                    </td>
                    <td>
                    	<input type="text" value="" class="form-control text-center" placeholder="请输入注册地">
                    </td>
                </tr>
            
                </tbody>
            </table>
     
        </div>

		
		-->
		
		
        <div class="ibox-content clearfix m-t" style="position: relative;">
            <table class="table table-bordered table-input text-center" >
                <tbody>
                <tr>
                    <th style="width: 180px;">买方</th>
                    <td><input type="text" value="XXX公司" class="form-control" readonly></td>
                    <th style="width: 180px;">卖方</th>
                    <td><input type="text" value="确认后显示" class="form-control" readonly></td>
                </tr>
                <tr>
                    <th>开户银行</th>
                    <td><input type="text" value="北京银行" class="form-control" readonly></td>
                    <th>开户银行</th>
                    <td><input type="text" value="确认后显示" class="form-control" readonly></td>
                </tr>
                <tr>
                    <th>账户</th>
                    <td><input type="text" value="621700287000****987" class="form-control" readonly></td>
                    <th>账户</th>
                    <td><input type="text" value="确认后显示" class="form-control" readonly></td>
                </tr>
                <tr>
                    <th>地址</th>
                    <td><input type="text" value="XXXXXXXXXX" class="form-control" readonly></td>
                    <th>地址</th>
                    <td><input type="text" value="确认后显示" class="form-control" readonly></td>
                </tr>
                <tr>
                    <th>电话</th>
                    <td><input type="text" value="XXXXXXXXXXXX" class="form-control" readonly></td>
                    <th>电话</th>
                    <td><input type="text" value="确认后显示" class="form-control" readonly></td>
                </tr>
                <tr>
                    <th>交易员</th>
                    <td><input type="text" value="XXXXX" class="form-control" readonly></td>
                    <th>交易员</th>
                    <td><input type="text" value="确认后显示" class="form-control" readonly></td>
                </tr>
                
                
               </tbody>
               
                 <img src="../common/imgs/bconfig.png"  style="position:absolute;right:520px;bottom:40px"/>  <img src="../common/imgs/sconfig.png" style="position:absolute;right:40px;bottom:40px"/>
               
            </table>
            
           
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>